﻿<!DOCTYPE html>
<html ng-app="todoApp">
<head>
    <title>TODO List</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <script src="scripts/angular.min.js"></script>
    <script>
        var todoApp = angular.module('todoApp', []);

        todoApp.controller("ToDoCtrl", function ($scope) {
            $scope.dataValue = false;
        });
    </script>
</head>
<body ng-controller="ToDoCtrl">
    <div class="container">
        <div class="checkbox well">
            <label>
                <input type="checkbox" ng-model="dataValue">
                设置值为true
            </label>
        </div>
        <div class="well">
            <button class="btn btn-success" ng-disabled="dataValue">确定</button>
            <input type="text" ng-readonly="dataValue" />
            <input type="checkbox" ng-checked="dataValue" />已设置值
            <select>
                <option ng-selected="dataValue">北京</option>
                <option ng-selected="dataValue">上海</option>
            </select>
        </div>
    </div>
</body>
</html>
